function CheckBox(label,pinnerLabel){
   	HBox.apply(this,[]);	
	this.htmlX.addClass("col-xs-2 form-group CheckBox");
	this.htmlX.append('<label class="col-xs-12 control-label" for="inputIcon_'+this.uid+'">'+label+'</label>'+
			'<div class="input-group">'+
        '<span class="input-group-addon">'+
          '<input class="inputtt" id="inputIcon_'+this.uid+'" type="checkbox">'+
        '</span>'+
        '<input type="text" disabled="true" class="form-control" value="'+pinnerLabel+'"/>'+
      '</div>');
   
   this.checkedValue = "";
   this.unCheckedValue = "";   
}
CheckBox.prototype.setSize=function(nsize){
	var classes = this.htmlX.attr("class");
	var ns = classes.replace(/col\-xs\-(\d{1,2})/,"col-xs-"+nsize);
	this.htmlX.removeClass().addClass(ns);
};
CheckBox.prototype.setLabel=function(nlabel){};
CheckBox.prototype.setCheckedValue=function(vlc){
    this.checkedValue=vlc;
};
CheckBox.prototype.setUnCheckedValue=function(vlc){
    this.unCheckedValue=vlc;
};
CheckBox.prototype.setValue=function(vl){
	var checked = false;	
	if(vl==this.checkedValue){
		checked = true;		
	}
	this.htmlX.find("input.inputtt").prop("checked",checked);
};
CheckBox.prototype.getValue=function(){
	return this.htmlX.find("input.inputtt").is(":checked")?this.checkedValue:this.unCheckedValue;	
};
CheckBox.prototype.setEnable = function(on){
	if(on){
		this.htmlX.find(".inputtt").prop("disabled",!on).removeClass("Disabled").css({opacity:1});
	}else{
		this.htmlX.find(".inputtt").prop("disabled",!on).addClass("Disabled").css({opacity:0.6});
	}
};

